<!DOCTYPE html>
<!--[if IE 8]><html class="ie ie8"> <![endif]-->
<!--[if IE 9]><html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->

<head>
	<meta charset="utf-8" />
	<meta name="renderer" content="webkit" />
	<title>{{controller.meta_title}}| {{config.setup.WEB_SITE_TITLE}}</title>
	<meta name="keywords" content="{{controller.keywords}}" />
	<meta name="description" content="{{controller.description}}" />
	<meta name="Author" content="Arterli [www.cmswing.com]" />
	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
	<!-- mobile settings -->
	<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>

	<!-- WEB FONTS : use %7C instead of | (pipe) -->
	<!--<link href="http://fonts.useso.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" />-->

	<!-- CORE CSS -->
	<link href="/static/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

	<!-- REVOLUTION SLIDER -->
	<link href="/static/assets/plugins/slider.revolution/css/extralayers.min.css" rel="stylesheet" type="text/css" />
	<link href="/static/assets/plugins/slider.revolution/css/settings.min.css" rel="stylesheet" type="text/css" />
	<!-- THEME CSS -->
	<link href="/static/assets/css/essentials.min.css" rel="stylesheet" type="text/css" />
	<link href="/static/assets/css/layout.min.css" rel="stylesheet" type="text/css" />

	<!-- PAGE LEVEL SCRIPTS -->
	<link href="/static/assets/css/header-1.min.css" rel="stylesheet" type="text/css" />
	<link href="/static/assets/css/color_scheme/blue.min.css" rel="stylesheet" type="text/css" id="color_scheme" />
	{% block style %}{% endblock %}
	{%if config.setup.WEB_TONGJI%}
	<!--统计代码-->
	{{config.setup.WEB_TONGJI|safe}}
	<!--统计-->
	{%endif%}
</head>

<!--
		AVAILABLE BODY CLASSES:

		smoothscroll 			= create a browser smooth scroll
		enable-animation		= enable WOW animations

		bg-grey					= grey background
		grain-grey				= grey grain background
		grain-blue				= blue grain background
		grain-green				= green grain background
		grain-blue				= blue grain background
		grain-orange			= orange grain background
		grain-yellow			= yellow grain background

		boxed 					= boxed layout
		pattern1 ... patern11	= pattern background
		menu-vertical-hide		= hidden, open on click

		BACKGROUND IMAGE [together with .boxed class]
		data-background="assets/images/boxed_background/1.jpg"
	-->

<body class="smoothscroll enable-animation">

<!-- SLIDE TOP -->
	{% include "./slidetop.html" %}
<!-- /SLIDE TOP -->


<!-- wrapper -->
<div id="wrapper" >

	<!-- Top Bar -->
		{% include "./inc_baseNew.html" %}
	<!-- /Top Bar -->

	<!--HEADER-->
		<!--{% include "./inc_headerNew.html" %}-->
	<!--/HEADER-->
	<!-- REVOLUTION SLIDER -->
	{% block content %}{% endblock %}
	<!-- FOOTER -->
	<footer id="footer" class="footer-light footer-white" >
		<div class="copyright" style="background-color: #fff;text-align: center;padding: 30px 0">
			<div class="container">
				<div class="margin-bottom-10">
					&copy; 2018 - <script>document.write(new Date().getFullYear())</script> 葛洲坝环嘉（大连）再生资源有限公司  版权所有 <!--{{config.setup.WEB_SITE_TITLE}}--> <a href="http://www.miitbeian.gov.cn/" target="_blank">{{config.setup.WEB_SITE_ICP}}</a>
				</div>
				<ul class="list-inline mobile-block">
					<li><a href="/disclaimer.html">免责声明</a></li>
					<li>&bull;</li>
					<li><a href="/licence.html">授权协议</a></li>
				</ul>
			</div>
		</div>
	</footer>
	<!-- /FOOTER -->

</div>
<!-- /wrapper -->

<!--
        SIDE PANEL

            sidepanel-dark 			= dark color
            sidepanel-light			= light color (white)
            sidepanel-theme-color		= theme color

            sidepanel-inverse		= By default, sidepanel is placed on right (left for RTL)
                            If you add "sidepanel-inverse", will be placed on left side (right on RTL).
    -->
<div id="sidepanel" class="sidepanel-light">
	<a id="sidepanel_close" href="#">
		<!-- close -->
		<i class="glyphicon glyphicon-remove"></i>
	</a>

	<div class="sidepanel-content">
		<h2 class="sidepanel-title">网站导航</h2>

		<!-- SIDE NAV -->
		<ul class="list-group">

			{% channel data='channel', num='4'%} {% for val in channel%}
			<li class="list-group-item {% if val.children %}list-toggle{% endif %} {% if http.url == val.url %}active{% endif %} ">

				<a {% if val.children%}data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-{{val.id}}" class="collapsed"{% else %} href="{{val.url}}" {% endif %}>
					{% if val.children%}<i class="ico-dd icon-angle-down"><!-- Drop Down Indicator --></i>{% endif %}
					<i class="ico-category et-heart"></i> {{val.title}}</a>

				{% if val.children%}
				<ul id="collapse-{{val.id}}" class="list-unstyled collapse">
					{% for _val in val.children%}
					<li class="{% if _val.children%}{% endif %}">
						<a {% if _val.children%}class="" {% endif %} href="{{_val.url}}"><i class="fa fa-angle-right"> </i>{{_val.title}}</a> {% if _val.children%}
						<ul class="list-unstyled">
							{% for __val in _val.children%}
							<span class="badge hide">New</span>
							<a href="{{__val.url}}"> <li><i class="fa fa-angle-right"> </i> {{__val.title}}</a></li>
							{% endfor %}
						</ul>
						{% endif %}
					</li>
					{% endfor %}
				</ul>
				{% endif %}
			</li>
			{% endfor%}
            {% if controller.user.roleid == 9 %} <!--客户-->
			<li class="">
				<a href="/centershop{% if controller.user.mar_class %}?class={{controller.user.mar_class}}{% endif %}"><i class="fa fa-angle-right"> </i>网上商城</a>
			</li>
            <li class="list-group-item list-toggle  ">
                <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-kh" class="collapsed">
                    <i class="ico-dd icon-angle-down"><!-- Drop Down Indicator --></i>
                    <i class="ico-category et-heart"></i> 账目信息</a>
                <ul id="collapse-kh" class="list-unstyled collapse">
					<li class="">
						<a href="/center/reconciliation/contract">销售合同</a>
					</li>
					<li class="">
						<a href="/center/reconciliation/company"><i class="fa fa-angle-right"> </i>公司余额</a>
					</li>
                    <li class="">
                        <a href="/center/reconciliation/order"><i class="fa fa-angle-right"> </i>订单明细</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/settlement"><i class="fa fa-angle-right"> </i>发货明细</a>
                    </li>
					<li class="">
						<a href="/center/reconciliation/payment"><i class="fa fa-angle-right"> </i>收款明细</a>
					</li>
                    <li class="">
                        <a href="/center/reconciliation/invoice"><i class="fa fa-angle-right"> </i>发票明细</a>
                    </li>
                    <!--<li class="">
                        <a href="/center/reconciliation/back"><i class="fa fa-angle-right"> </i>回款明细</a>
                    </li>-->
                </ul>
            </li>
            {% elif controller.user.roleid == 10 %} <!--供应商-->
            <li class="list-group-item list-toggle  ">
                <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-gys" class="collapsed">
                    <i class="ico-dd icon-angle-down"><!-- Drop Down Indicator --></i>
                    <i class="ico-category et-heart"></i> 账目信息</a>
                <ul id="collapse-gys" class="list-unstyled collapse">
                    <!--<li class="">
                        <a href="/center/index"><i class="fa fa-angle-right"> </i>供应商主页</a>
                    </li>-->
                    <li class="">
                        <a href="/center/reconciliation/company"><i class="fa fa-angle-right"> </i>公司余额</a>
                    </li>
                    <li class="">
                        <a href="/center/reconciliation/settlement"><i class="fa fa-angle-right"> </i>收货明细</a>
                    </li>
					<li class="">
						<a href="/center/reconciliation/payment"><i class="fa fa-angle-right"> </i>付款明细</a>
					</li>
                    <li class="">
                        <a href="/center/reconciliation/billing"><i class="fa fa-angle-right"> </i>发票明细</a>
                    </li>
                    <!--<li class="">
                        <a href="/center/reconciliation/payment"><i class="fa fa-angle-right"> </i>付款明细</a>
                    </li>-->
                </ul>
            </li>
            {% endif %}

		</ul>
		<!-- /SIDE NAV -->

	</div>

</div>
<!-- /SIDE PANEL -->


<!-- SCROLL TO TOP -->
<a href="#" id="toTop"></a>

{#
<!-- PRELOADER -->
<div id="preloader">
	<div class="inner">
		<span class="loader"></span>
	</div>
</div>
<!-- /PRELOADER -->
#}

<!-- JAVASCRIPT FILES -->

<script type="text/javascript" src="/static/assets/plugins/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
  var plugin_path = '/static/assets/plugins/';
  $(function () {
    if($("#topMain.nav-pills>li.active>a")){
      var w = $("#topMain.nav-pills>li.active>a").width();
      $("#topMain.nav-pills>li.active>.aline").width(w);
    }

  })
</script>
<script type="text/javascript" src="/static/assets/js/scripts.js"></script>
{#
<!-- STYLESWITCHER - REMOVE -->
<script async type="text/javascript" src="/static/assets/plugins/styleswitcher/styleswitcher.js"></script>
#}
<!-- REVOLUTION SLIDER -->
<script type="text/javascript" src="/static/assets/plugins/slider.revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/static/assets/plugins/slider.revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="/static/assets/js/view/demo.revolution_slider.min.js"></script>
{% block script %}{% endblock %}

</body>

</html>
